<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="styles.css">
	<link rel="stylesheet" href="../static/css/shoppingcar.css">
</head>

<body>
	{%include 'nav.html' %}
    <!-- <header>
        <h1>校园宝贝集市</h1>
        <nav>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">商品列表</a></li>
                <li><a href="#">个人中心</a></li>
                <li><a href="#">登出</a></li>
            </ul>
        </nav>
    </header> -->

    <main>
        <div class="cart-container">
			<h2>购物车</h2>
            <table>
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>商品名称</th>
                        <th>商品数量</th>
                        <th>修改时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
				<tbody id="suoppingCarList">
					<!-- 商品数据将会在这里动态生成 -->
				</tbody>
            </table>
        </div>
    </main>

    <!-- <footer>
        <p>&copy; 2024 校园宝贝集市</p>
    </footer> -->
</body>

</html>
 <!-- <tbody>
                    购物车商品数据行
                    <tr>
                        <td>1</td>
                        <td>商品A</td>
                        <td>2</td>
                        <td>2024-04-28 10:30</td>
                        <td><button class="delete-btn">删除</button></td>
                    </tr>
					<tr>
					    <td>2</td>
					    <td>商品A</td>
					    <td>2</td>
					    <td>2024-04-28 10:30</td>
					    <td><button class="delete-btn">删除</button></td>
					</tr>
					<tr>
					    <td>3</td>
					    <td>商品A</td>
					    <td>2</td>
					    <td>2024-04-28 21:30</td>
					    <td><button class="delete-btn">删除</button></td>
					</tr>
					<tr>
					    <td>4</td>
					    <td>商品A</td>
					    <td>2</td>
					    <td>2024-04-28 11:30</td>
					    <td><button class="delete-btn">删除</button></td>
					</tr>
                    可以根据购物车商品的数量动态生成多行 
                </tbody> -->